"use client"
import {ImAirplane, ImMap} from "react-icons/im";
import {FaMountainSun} from "react-icons/fa6";
import {HiInformationCircle} from "react-icons/hi";
import {useState} from "react";

export default function FloatMenu() {
    let [isOpen, setIsOpen] = useState(true)
    return (<>
            <div className={"hidden md:flex fixed right-[50px] bottom-[200px]  flex-col gap-y-2 z-[20000] text-white"}>
                <div
                    className={"bg-green-500 h-[38px] w-[38px] hover:scale-105 transition-all flex justify-center items-center cursor-pointer rounded-lg"} onClick={()=>setIsOpen(true)}>
                    <ImMap size={18}/>
                </div>
                <div
                    className={"bg-green-500 h-[38px] w-[38px] hover:scale-105 transition-all flex justify-center items-center cursor-pointer rounded-lg"}>
                    <FaMountainSun size={18}/>
                </div>
                <div
                    className={"bg-green-500 h-[38px] w-[38px] hover:scale-105 transition-all flex justify-center items-center cursor-pointer rounded-lg"}>
                    <HiInformationCircle size={18}/>
                </div>
            </div>
        </>
    )
}